<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            width: 100px;
            height: 100px;
            /*background: #888888;*/
            border-top: 1px solid #888888;
            border-left: 1px solid #888888;
            border-right: 1px solid #cccccc;
            border-bottom: 1px solid #cccccc;
            margin: 0 auto;
        }
    </style>
</head>
<body>

    <!--     <hr>:(单标签) 用来在页面上产生一条横线     -->
    <!--
        hr: 属性 (属性是依赖于标签存在, 在标签内部, 以: 属性名=属性值  写法存在, 用来描述这个标签的状态   )
             noshade:颜色是否有阴影(纯色)
             size:高度( 厚度,不同于height,不带单位时--默认px )
             width:宽度(不带单位时--默认px, 逻辑像素:物理像素-> 1:4    )
             align:对其方式
    -->

    1233
    <hr>
    123
    <hr  width="100"  size="100" >
    <hr  width="100"  size="100" align="left">
    <hr  width="100"  size="100" align="right">
    <hr  width="100"  size="100" align="center">

    <hr>

    <hr  width="100"  size="100" align="center" noshade="noshade">

    <hr>
    <div>

    </div>






</body>
</html>
